import { Button, NavBar, ResultPage } from 'antd-mobile';
import { MoreOutline } from 'antd-mobile-icons';
import React, { Component } from 'react';
import './Success.scss'

class Success extends Component<any> {
    render() {
        return (
            <div className='success'>
                <div className="top">
                    <NavBar right={<MoreOutline style={{ fontSize: 35 }} />}>支付成功</NavBar>
                </div>

                <ResultPage
                    status='success'
                    title='支付成功'
                    description='恭喜又拿下一单'
                />

                <div className="buts">
                    <Button onClick={()=>{this.props.history.push('/')}} className='but' block shape='rounded' color='primary'>
                        返回首页
                    </Button>
                    <Button onClick={()=>{this.props.history.push('/orders')}} className='but' block shape='rounded' color='primary'>
                        订单管理
                    </Button>
                </div>
            </div>
        );
    }
}

export default Success;